@import "@/assets/colors.css";

body { color: #333; font-weight: 400; }
/* 全局滚动条样式 */
::-webkit-scrollbar{width:5px; height:5px; background-color: rgba(255, 255, 255, 0); /*外层轨道*/}
::-webkit-scrollbar-thumb {display:block; width:6px; margin:0 auto; border-radius: 10px; background:rgba(0, 0, 0, 0.1);/*内层轨道*/}
//.scrollable {-webkit-overflow-scrolling: touch;}
//::-webkit-scrollbar {width: 5px;height: 5px;}
//::-webkit-scrollbar-thumb {background-color: rgba(255, 255, 255, 0.4);border-radius:5px;}
//::-webkit-scrollbar-thumb:hover {background-color: rgba(255, 255, 255, 0.5);}
//::-webkit-scrollbar-track {background-color: rgba(255, 255, 255, 0);}
//::-webkit-scrollbar-track:hover {background-color: rgba(255, 255, 255, 0);}

// 自定义表格的样式
.common-table {border-collapse:collapse;border-spacing:0; width: 100%; }
.common-table {margin-bottom:10px;}
.common-table thead th{border:1px solid #ddd;background:#fafafa;text-align:left;padding:8px 20px;}
.common-table td{border:1px solid #ddd;padding:8px 20px;}
.common-table .table-striped { background: #fafafa; }
//  //.common-table-tr:nth-child(odd) .common-table-td {
//  //  background: rgba(74, 202, 225, 0.63);
//  //  color: #cce9ff;
//  //  font-size: 14px;
//  //}
// 鼠标hover样式
.common-table-tr:hover .common-table-td {
  background-color: rgba(255,255,255,.2) !important;
}
.common-table-td {
  border-bottom: none !important;
  text-align: center !important;
}

.base-pointer{cursor: pointer}
.base-block{display:block;}
.base-bold{font-weight: bold;}
.base-flex{display:flex;}
/* flex 布局 */
.base-rows{flex-direction:row;}
.base-columns{flex-direction:column;}
.base-wrap{flex-direction:row; flex-wrap:wrap;}
.base-nowrap{flex-direction:row; flex-wrap:nowrap;}
.base-space-around{justify-content:space-around;}
.base-space-between{justify-content:space-between;}
.base-justify-content-start{justify-content:flex-start;}
.base-justify-content-center{justify-content:center;}
.base-justify-content-end{justify-content:flex-end;}
.base-align-items-start{align-items:flex-start;}
.base-align-items-center{align-items:center;}
.base-align-items-end{align-items:flex-end;}
.base-flex1{flex:1;}
/* 文本对齐 */
.base-text-left{text-align:left !important;}
.base-text-center{text-align:center !important;}
.base-text-right{text-align:right !important;}
.base-ellipsis{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.base-pl0 { padding-left: 0 !important; }
.base-pl1 { padding-left: 1px !important; }
.base-pl2 { padding-left: 2px !important; }
.base-pl3 { padding-left: 3px !important; }
.base-pl4 { padding-left: 4px !important; }
.base-pl5 { padding-left: 5px !important; }
.base-pl10 { padding-left: 10px !important; }
.base-pl15 { padding-left: 15px !important; }
.base-pl20 { padding-left: 20px !important; }
.base-pl25 { padding-left: 25px !important; }
.base-pl30 { padding-left: 30px !important; }
.base-pl40 { padding-left: 40px !important; }
.base-pl50 { padding-left: 50px !important; }
.base-pt0 { padding-top: 0 !important; }
.base-pt1 { padding-top: 1px !important; }
.base-pt2 { padding-top: 2px !important; }
.base-pt3 { padding-top: 3px !important; }
.base-pt4 { padding-top: 4px !important; }
.base-pt5 { padding-top: 5px !important; }
.base-pt10 { padding-top: 10px !important; }
.base-pt15 { padding-top: 15px !important; }
.base-pt20 { padding-top: 20px !important; }
.base-pt25 { padding-top: 25px !important; }
.base-pt30 { padding-top: 30px !important; }
.base-pt40 { padding-top: 40px !important; }
.base-pt50 { padding-top: 50px !important; }
.base-pb0 { padding-bottom: 0 !important; }
.base-pb1 { padding-bottom: 1px !important; }
.base-pb2 { padding-bottom: 2px !important; }
.base-pb3 { padding-bottom: 3px !important; }
.base-pb4 { padding-bottom: 4px !important; }
.base-pb5 { padding-bottom: 5px !important; }
.base-pb10 { padding-bottom: 10px !important; }
.base-pb15 { padding-bottom: 15px !important; }
.base-pb20 { padding-bottom: 20px !important; }
.base-pb25 { padding-bottom: 25px !important; }
.base-pb30 { padding-bottom: 30px !important; }
.base-pb40 { padding-bottom: 40px !important; }
.base-pb50 { padding-bottom: 50px !important; }
.base-pr0 { padding-right: 0 !important; }
.base-pr1 { padding-right: 1px !important; }
.base-pr2 { padding-right: 2px !important; }
.base-pr3 { padding-right: 3px !important; }
.base-pr4 { padding-right: 4px !important; }
.base-pr5 { padding-right: 5px !important; }
.base-pr10 { padding-right: 10px !important; }
.base-pr15 { padding-right: 15px !important; }
.base-pr20 { padding-right: 20px !important; }
.base-pr30 { padding-right: 30px !important; }
.base-pr40 { padding-right: 40px !important; }
.base-pr50 { padding-right: 50px !important; }
.base-ml0 { margin-left: 0 !important; }
.base-ml1 { margin-left: 1px !important; }
.base-ml2 { margin-left: 2px !important; }
.base-ml3 { margin-left: 3px !important; }
.base-ml4 { margin-left: 4px !important; }
.base-ml5 { margin-left: 5px !important; }
.base-ml10 { margin-left: 10px !important; }
.base-ml15 { margin-left: 15px !important; }
.base-ml20 { margin-left: 20px !important; }
.base-ml25 { margin-left: 25px !important; }
.base-ml30 { margin-left: 30px !important; }
.base-ml40 { margin-left: 40px !important; }
.base-ml50 { margin-left: 50px !important; }
.base-mr0 { margin-right: 0 !important; }
.base-mr1 { margin-right: 1px !important; }
.base-mr2 { margin-right: 2px !important; }
.base-mr3 { margin-right: 3px !important; }
.base-mr4 { margin-right: 4px !important; }
.base-mr5 { margin-right: 5px !important; }
.base-mr10 { margin-right: 10px !important; }
.base-mr15 { margin-right: 15px !important; }
.base-mr20 { margin-right: 20px !important; }
.base-mr25 { margin-right: 25px !important; }
.base-mr30 { margin-right: 30px !important; }
.base-mr40 { margin-right: 40px !important; }
.base-mr50 { margin-right: 50px !important; }
.base-mt0 { margin-top: 0 !important; }
.base-mt1 { margin-top: 1px !important; }
.base-mt2 { margin-top: 2px !important; }
.base-mt3 { margin-top: 3px !important; }
.base-mt4 { margin-top: 4px !important; }
.base-mt5 { margin-top: 5px !important; }
.base-mt10 { margin-top: 10px !important; }
.base-mt15 { margin-top: 15px !important; }
.base-mt20 { margin-top: 20px !important; }
.base-mt25 { margin-top: 25px !important; }
.base-mt30 { margin-top: 30px !important; }
.base-mt40 { margin-top: 40px !important; }
.base-mt50 { margin-top: 50px !important; }
.base-mb0 { margin-bottom: 0 !important; }
.base-mb1 { margin-bottom: 1px !important; }
.base-mb2 { margin-bottom: 2px !important; }
.base-mb3 { margin-bottom: 3px !important; }
.base-mb4 { margin-bottom: 4px !important; }
.base-mb5 { margin-bottom: 5px !important; }
.base-mb10 { margin-bottom: 10px !important; }
.base-mb15 { margin-bottom: 15px !important; }
.base-mb20 { margin-bottom: 20px !important; }
.base-mb25 { margin-bottom: 25px !important; }
.base-mb30 { margin-bottom: 30px !important; }
.base-mb40 { margin-bottom: 40px !important; }
.base-mb50 { margin-bottom: 50px !important; }
.base-pd0{ padding:0 !important;}
.base-pd1{ padding:1px !important;}
.base-pd2{ padding:2px !important;}
.base-pd3{ padding:3px !important;}
.base-pd4{ padding:4px !important;}
.base-pd5{ padding:5px !important;}
.base-pd10{ padding:10px !important;}
.base-pd15{ padding:15px !important;}
.base-pd20{ padding:20px !important;}
.base-pd25{ padding:25px !important;}
.base-pd30{ padding:30px !important;}
.base-pd40{ padding:40px !important;}
.base-pd50{ padding:50px !important;}
.base-f12{font-size: 12px !important;}
.base-f13{font-size: 13px !important;}
.base-f14{font-size: 14px !important;}
.base-f15{font-size: 15px !important;}
.base-f16{font-size: 16px !important;}
.base-f17{font-size: 17px !important;}
.base-f18{font-size: 18px !important;}
.base-f19{font-size: 19px !important;}
.base-f20{font-size: 20px !important;}
.base-f21{font-size: 21px !important;}
.base-f22{font-size: 22px !important;}
.base-f23{font-size: 23px !important;}
.base-f24{font-size: 24px !important;}

// 全局table 行高亮
.ant-table-tbody .table-cell-row-selected,
.ant-table-tbody .table-cell-row-selected .ant-table-cell{ background: #e6f3ff; }
